@charset "utf-8";
@import "common";

body{
    //Laya引擎
    .engine{
        background-color: #fbfaf7;
//      假高度
//      height: 640px;
        position: relative;
        .container{
            padding-bottom: 100px;
            background-image: url(../img/shouye-phone.png);
            background-repeat: no-repeat;
            background-position: 100% calc(100% - 40px);
            .en-dh{
                h2{
                    font-size: 48px;
                    line-height: 48px;
                    color: #0078d7;
                    margin: 105px 0 34px;
                }
                >p{
                    font-size: 30px; 
                    line-height: 30px;          
                    color: #666666;
                    margin-bottom: 77px;
                }
                .eng-content{
                    .eng-con-item{
                        margin-bottom: 45px;
                        .eng-con-img{
                            width: 64px;
                            height: 64px;
                            background-color: #0078D7;
                            border-radius: 4px;
                            padding: 0;
                            text-align: center;
                            display: flex;
                            align-items:center;
                            transition: all 1s;
                            &:hover{
                                transform: rotateZ(360deg);
                                opacity: 0.8;
                                background-color: #b20000;
                            }
                            img{
                                margin: 0 auto;
                            }
                        }
                        .eng-con-text{
                            p{
                                &:first-of-type{
                                    font-size: 20px;
                                    line-height: 20px; 
                                    color: #333333;
                                }
                                &:last-of-type{
                                    font-size: 14px;
                                    line-height: 20px; 
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    //Layabox优势
    .advantage{
        padding: 114px 0 89px;
        .advantage-con{
            background-image: url(../img/shouye-JBei.png);
            background-repeat: no-repeat;
            background-position:calc(0% + 76px) 100%;
            .advantage-con-text{
                h2{
                    font-size: 48px;
                    line-height: 48px;
                    margin:0 0 45px;
                }
                .advantage-tx-item{
                    margin-bottom: 16px;
                    .advantage-it-img{
                        width: 54px;
                        height: 54px;
                        background-color: #8fc31f;
                        border-radius: 50%;
                        padding: 0;
                        text-align: center;
                        display: flex;
                        align-items:center;
                        transition: all 1s;
                        &:hover{
                                transform: rotateZ(360deg);
                                opacity: 0.8;
                                background-color: #b20000;
                        }
                        img{
                            margin: 0 auto;
                        }
                    }
                    .advantage-it-text{
                        p{
                            font-size: 14px;
                            line-height: 54px;
                            color: #666666;
                            margin: 0;
                        }
                    }
                }
            }
        }
    }
    //Layabox产品家族
    .product{
        background-color: #0079d7;
        padding: 115px 28px 69px;
        color: #fffefe;
        h2{
            font-size: 48px;
            line-height: 48px;
            margin: 0 0 72px;
            text-align: center;
        }
        .product-con{
            .product-con-item{
                margin-bottom: 70px;
                .advantage-it-img{
                    margin-top: 10px;
                    img{ 
                        transition: all 1s;
                        &:hover{
                            transform: scale(1.1,1.1);
                            opacity: 0.8;                            
                        }
                    }
                }
                .advantage-it-text{
                    a{
                        color: white;
                        h3{
                            font-size: 33px;
                            line-height: 33px;
                            margin: 0 0 9px;
                        }
                    }
                    p{
                        height: 90px;
                        line-height: 30px;
                        font-size: 14px;
                        margin: 0;
                    }
                }
            }
        }
    }
    //Layabox游戏类型
    .genre{
        padding: 45px 0 40px;
        .genre-top{
            display: flex;
            justify-content: space-between;
            h3{
                font-size: 35px;
                line-height: 35px;
                margin: 0 0 46px;
            }
            a{
                color: black;
                span{
                    font-size: 14px;
                    line-height: 14px;
                    margin: 0;
                }
            }
        }
        .genre-list{           
            font-size: 14px;
            .genre-video{
                background-color: black;
                padding: 0;
                font-size: 0;
                margin-bottom: 20px;
            }
            .genre-game{
                text-align: center;
                .genre-item{
                    .genre-list-img{
                        text-align: center;
                        margin-bottom: 10px;
                        img{ 
                            margin: 5px;
                            transition: all 1s;
                            &:hover{
                                transform: scale(1.01,1.01);
                                opacity: 0.8;                            
                            }
                        }
                        p{
                            margin: 0;
                        }
                    }
                }
            }
        }
    }
    //Layabox合作伙伴
    .partner{
        background-color: #f4f4f4;
        padding: 41px 0 44px;
        h2{
            font-size: 30px;
            line-height: 30px;
            margin-bottom: 33px;
            span{
                font-size: 11px;
                line-height: 11px;
            }
        }
        .partner-list{
            margin: 0 -15px;
            .partner-item{
                padding: 0;
                .partner-list-img{
//                  margin: 0 30px 20px 0;
                    margin-bottom: 15px;
                    padding: 0 15px;
                    text-align: center;
                    img{
                        width: 100%;
                        transition: all 1s;
                        &:hover{
                            transform: scale(1.01,1.01);
                            opacity: 0.8;                            
                        }
                    }
                    
                }
            }
        }
    }
}
//适配小屏幕（手机）
@media (max-width: 768px){ 
    //Laya引擎
    body .engine .container{
        padding-bottom: 0;
        background-image: none;
        animation-name: bounceInUp;
        .en-dh{
            animation-name: bounceInUp;
            h2{
                font-size: 25px;
                line-height: 25px;
                margin: 30px 0 20px;
                animation-name: bounceInUp;
            }
            p{
                font-size: 20px;
                line-height: 20px;
                margin-bottom: 20px;
                animation-name: bounceInUp;
            }
            .eng-content{
                padding: 0 15px;
                animation-name: bounceInUp;
                .eng-con-item{
                    margin-bottom: 20px;
                    .eng-con-text 
                    p{
                        &:first-of-type {
                            font-size: 18px;
                            line-height: 18px;
                        }
                        &:last-of-type{
                            line-height: 20px;
                        }
                    }
                }
            }
        }
    }
    
//Layabox优势
    body .advantage{
        padding: 30px 0 20px;
        .advantage-con{
            background-image: none;
            animation-name: bounceInUp;
            .advantage-con-text{
                animation-name: bounceInUp;
                .ad-dh{
                    animation-name: bounceInUp;
                    h2{
                        font-size: 25px;
                        line-height: 25px;
                        margin: 0 0 20px;
                    }
                    .advantage-tx-item{
                        margin-left: 0;
                        .advantage-it-text {
                            p{
                                line-height: 30px;
                            }
                        }
                    } 
                }
            } 
        }
    }
        
    //Layabox产品家族
    body .product {
        padding: 30px 0 20px;
        h2 {
            font-size: 25px;
            line-height: 25px;
            text-align: initial;
            margin: 0 0 20px;
        }
        .product-con .product-con-item {
            margin-bottom: 20px;
            .advantage-it-img {
                margin: 0;
                text-align: center;
            }
            .advantage-it-text{
                text-align: center;
                padding: 0;
                a h3 {
                    font-size: 20px;
                    line-height: 20px;
                    margin: 20px 0 15px;
                }
            }
        }
    }
    //Layabox游戏类型
    body .genre {
        padding: 30px 0 20px;
        .genre-top h3 {
            font-size: 20px;
            line-height: 20px;
            margin: 0 0 20px;
        }
        .genre-list .genre-video {
            background-color: black;
            margin: 0 15px 20px;
        }
    }
    //Layabox合作伙伴
    body .partner {
        padding: 30px 0 20px;
        h2{
            font-size: 25px;
            line-height: 25px;
            margin: 0 0 20px;
        }
        .partner-list .partner-item{
            padding: 0;
            .partner-list-img {
//              margin: 0 20px 15px 0;
            }
        }
    }
}

//适配中屏幕（iPad）
@media (min-width: 768px) and (max-width: 992px){
    //Laya引擎
    body.engine.container{
        padding-bottom: 0;
        background-image: none;
        h2{
            font-size: 35px;
            line-height: 35px;
            margin: 30px 0 25px;
        }
        p{
            font-size: 25px;
            line-height: 25px;
            margin-bottom: 20px;
        }
        .eng-content{
            padding: 0 25px;
            .eng-con-item{
                margin-bottom: 20px;
                .eng-con-text p{
                    &:first-of-type {
                        font-size: 20px;
                        line-height: 20px;
                    }
                    &:last-of-type{
                        line-height: 20px;
                    }
                }
            }
        }
    }
    //Layabox优势
    body .engine .container {
        h2{
            font-size: 35px;
            line-height: 35px;
            margin: 45px 0 25px;
        }
        p{
            font-size: 25px;
            line-height: 25px;
            margin-bottom: 25px;
        }
        .eng-content {
            .eng-con-item {
                p:first-of-type{
                    font-size: 20px;
                    line-height: 20px;
                }
            }
        }
    }
    //Layabox优势
    body .advantage{
        padding: 45px 0 40px;
        .advantage-con .advantage-con-text {
            h2{
                font-size: 35px;
                line-height: 35px;
                margin: 0 0 25px;
            }
            .advantage-tx-item .advantage-it-text {
                p{
                    font-size: 18px;
                    line-height: 60px;
                    height: 60px;
                }
                .advantage-tx-item{
                    margin-left: 0;
                }
            }
        }
    }
    //Layabox产品家族
    body .product {
        padding: 45px 0 30px;
        h2 {
            font-size: 35px;
            line-height: 35px;
            margin: 0 0 25px;
        }
        .product-con .product-con-item {
            margin-bottom: 30px;
            .advantage-it-img {
                margin: 0;
                padding-top: 60px;
                .advantage-it-text{
                    text-align: initial;
                    padding: 0;
                    a h3 {
                        font-size: 25px;
                        line-height: 25px;
                        margin: 30px 0 25px;
                    }
                }
            }
        }
    }
    //Layabox游戏类型
    body .genre {
        padding: 45px 0 30px;
        .genre-top {
            h3 {
                font-size: 35px;
                line-height: 35px;
                margin: 0 0 25px;
            }
            a span {
                font-size: 20px;
                line-height: 35px;
                margin: 0;
            }
        }
        .genre-list .genre-video {
            background-color: black;
            margin: 0 15px 30px;
        }
    }
}

